<style scoped>
#app {
	background-color: #439ffa;
}
#prompt {
	padding: 60px 15px 0 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.box {
	width: 86vw;
	border-radius: 10px;
	margin-top: 50px;
	padding: 20px 15px;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 1px rgba(117, 193, 255, 0.2);
}
.title {
	font-size: 20px;
	font-weight: bold;
}
.text{
	margin-top: 10px;
	line-height: 26px;
}
.btn {
	width: 70px;
	margin-top: 20px;
	padding: 4px 6px;
	border-radius: 60px px;
	box-sizing: border-box;
	text-align: center;
	margin-left: 77%;
	color: white;
	background-color: #5caef3;
}
</style>
<template>
	<top-bar title="消息提示" :notBack="false" />
	<div id="prompt">
		<div class="box">
			<div class="title">消息：</div>
			<div class="text">
				你的信息啦可视角度覅武炼巅峰看见我iaksdj索拉卡大姐夫卡萨丁放假哦爱浪蝶狂蜂骄傲
			</div>
			<div class="btn" @click="fanhui">返回</div>
		</div>
	</div>
	<!-- 自定义底部栏 -->
</template>
<script setup>
// 导入自定义组件
import topBar from "@/components/topBar.vue"; //顶部导航栏
</script>
<script>
export default {
	data: () => ({
		text: "",
	}),
	created() {
		setTimeout(() => {
			console.log("3秒");
			// this.$router.push("/home");
		}, 3000);
	},
	methods: {
		fanhui() {
			this.$router.push("/home");
		},
	},
};
</script>
